﻿<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    <meta name="keywords" content="Kideos" />
    <meta name="description" content="Kideos" />
    <meta name="publisher" content="Dang Duyet" />
    @Styles.Render("~/Content/themes/ui-lightness/css", "~/Content/css")
    @Scripts.Render("~/Scripts/js")
    <script type="application/javascript">
        $(document).ready(function (evt) {
            $('.list-container-item-image').on('mouseover', function (evt) {
                var message = $(this).parent().find('div.list-container-item-message');
                if (message) {
                    message.slideDown('fast');
                }
            });
            $('.list-container-item-image').on('mouseout', function (evt) {
                var message = $(this).parent().find('div.list-container-item-message');
                if (message) {
                    message.slideUp('fast');
                }
            });
        });
    </script>
</head>
<body>
    <div id="fb-root"></div>
    @*<script>(function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s);
    js.id = id;
    js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>*@
    <div id="wrapper">
        <div id="header">
            @*<div class="facebook-like-button">
                <h4>Kideos</h4>

                <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count"
                    data-action="like" data-show-faces="true" data-share="false">
                </div>
            </div>*@
            <div class="logo">
                <a href="#">
                    <img src="~/Content/images/logo.png" alt="Kideos" title="Kideos" />
                </a>
            </div>
            <div class="header-menu">
                <ul>
                    <li><a href="index.html">Trang chủ</a></li>
                    <li><a href="login.html">Đăng nhập</a></li>
                    <li><a href="#">Đăng ký</a></li>
                </ul>
            </div>
        </div>

        <div id="top-menu">
            <ul>
                <li><a class="menu-item-1">Nhóm tuổi</a></li>
                <li><a href="list-kids.html" class="menu-item-2">0-1</a></li>
                <li><a href="list-kids.html" class="menu-item-3">2-3</a></li>
                <li><a href="list-kids.html" class="menu-item-4">4-5</a></li>
                <li><a href="list-kids.html" class="menu-item-5">6-7</a></li>
                <li><a href="list-kids.html" class="menu-item-6">8-9</a></li>
                <li><a href="list-kids.html" class="menu-item-7">Tất cả</a></li>
            </ul>
        </div>

        <div id="main-container">
            @RenderBody()
            <div class="clear"></div>
        </div>

        <div id="footer">
            @{Html.RenderAction("GetFooterMenu", "General");}
        </div>
    </div>
</body>
</html>
